<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro" lang="zh">
<!--<%@ page contentType="text/html;charset=UTF-8" language="java" %>-->
<script type="text/javascript" th:src="@{/js/jquery-3.1.1.js}"></script>
<script type="text/javascript" th:src="@{/js/jqueryqr.js}"></script>
<script type="text/javascript" th:src="@{/js/qrcode.js}"></script>



<div class="portlet light">

    <div class="portlet-body table-responsive">
        <!--<img id="imgLogo" src="/images/headImage/h2.jpg" hidden>-->
        <div id="container">
            <canvas width="400" height="400"></canvas>
        </div>
    </div>
</div>
<script>

    $(document).ready(function () {
        var str = `[[${roadId}]]`;
       var url =  "http://hr.lianxinyi.com.cn/roadPay/roadPayScan?id="+str;//跳页
        $("#container").erweima({
                text:url,
                mode: 0,
                mSize: 40,
            }
        );

    });
</script>